<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<title></title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="author" content="">
	<link href="css/daterangepicker.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">
<!--[if lt IE 9]>
	<script src="js/html5shiv.min.js"></script>
	<script src="js/respond.min.js"></script>
<![endif]-->
<meta name="renderer" content="webkit">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<div id="active">
	<header id="header"></header>
	<div class="header-space"></div>

	<section class="g-crumb">
		<div class="content"><a href="18.html">个人中心</a><a href="18.html">我的活动</a><a class="blue">活动详情</a></div>
	</section>
	<style>
		[v-cloak]{
			display: none;
		}
	</style>
	<section class="section191" v-cloak>
		<div class="content" >
			<div class="title hasImg">
				<img :src="activityList.detail" alt="" class="img">
				<h2>{{activityList.name}}</h2>
				<div class="con">
					<p>报名人数：{{activityList.total}} 人</p>
					<p>已报名人数：{{activityList.join_count}}</p>
					<p>状态：{{activityList.status}}</p>
					<p>起止时间：{{activityList.start}}</p>
					<p>报名时间：{{activityList.end}}</p>
				</div>
			</div>
			<div class="box">
				{{activityList.content}}
			</div>

		</div>
	</section>

	<div class="alert alert-report">
		<div class="over-close"></div>
		<div class="box">
			<img src="images/alert101.png" alt="" class="img">
			<div class="txt">可在“我的”-“我的报名”中查看报名记录。</div>
			<a href="" class="btn">我的报名</a>
			<a href="" class="btn-cnacle js_btn-cancle">知道了</a>
		</div>
	</div>
</div>

<footer>
	<div class="content">
		<div class="menu">
			<a href="20.html">联系我们</a>
			<a href="23.html">意见反馈</a>
			<a href="24.html">关于我们</a>
		</div>
		<div class="cpt">
			Copyright &#169 2019 人员招聘 ICP备14013400号-1京ICP证150920号 电子营业执照 <a href="">京公网安备11010502031234</a> 首都网警 <a href="">人力资源服务许可证</a>
		</div>
	</div>
</footer>
<script src="js/lcommon.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/slide.min.js"></script>
<script src="js/polyfill.min.js"></script>
<script src="js/jquery.nicescroll3.7.6.min.js"></script>
<script src="js/main.js"></script>
<script src="js/vue.js"></script>
<script src="js/request.js"></script>
<script>
	$(function(){
		$("header .menu li").eq(0).addClass('on');
		$("#header").load("./lcommon/header.html");
	})
	function GetQueryValue(queryName) {
    var query = decodeURI(window.location.search.substring(1));
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == queryName) { return pair[1]; }
    }
    return null;
}
	console.log(GetQueryValue('id'))
	var vm = new Vue({
		el:'#active',
		data:{

			activityList:[],
		},
		mounted(){
			
			this.activity();
		},
		methods: {
			
			activity:function(){
					var that = this
					var url = 'person/my/activity/'+GetQueryValue('id');
					
					request(url,'GET',{},function(res){
						console.log(res)
						that.activityList=res.data.activity;
						
					},function(err){
							//alert('1')
//						that.$message.error(err.message);
					})
				
			},

		},

	})
</script>
</body>
</html>